<template>
	<!-- 页面全局配置 -->
	<view class="pageconfig">
		<!--vuetop-->
		<view class="flex1   response  flex  justify-start  "
			style="flex-direction: column;align-content: center;align-items: center;">
			<view class="flex2   response  flex  justify-between  " style="flex-direction: row;align-items: center;"   v-for="i in 6"  >
				<view class="flex3    flex  justify-start  "
					style="flex-direction: column;align-content: center;align-items: center;">
					<text class="text4 text-gray text-center text-xxl "> 0{{i}}</text>
				</view>
				<view class="flex5    flex  justify-start  "
					style="flex-direction: column;align-content: flex-start;align-items: stretch;">
					<text class="text6 text-lg "> 告别低效努力：上进青年..</text>
					<text class="text7 text-gray "> 2024.09.09 12:12:12</text>
				</view>
				<view class="flex8    flex  justify-start  "
					style="flex-direction: column;align-content: center;align-items: center;">
					<image  mode="" class="picture9 " :src="picsrc9">
					</image>
				</view>
			</view>
		</view>
		<!--vuebottom-->
	</view>
</template>

<script>
	import Vue from 'vue'
	export default {
		data() {
			return {
				picsrc9: "/static/xinxiang/jiantou.png",




			};
		},
		onLoad() {


		},
		methods: {


			/**
			 *          $vuetag = "";
			 *          $vuecss = "";
			 *          $vuejs = "";
			 *
			 */

			//获取数据

		}
	}
</script>

<style lang="less">
	/**
 *
 此处必须引用colorui样式,并放入根目录，css样式可以这样写
	@import "colorui/main.css";
	@import "colorui/icon.css";

 如需要引用colorui到全局，
 需要在App.vue 引入
 	@import "colorui/main.css";
	@import "colorui/icon.css";
 *
 */




	/**本页全局配置的代码**/
	.pageconfig {
		width: 100%;
		overflow: hidden;
		overflow-y: scroll;
		background-color: rgba(255, 255, 255, 1);
		height: 100vh;
	}



	/**pagedomcss**/


	.flex1 {
		width: 100%;
	}

	.flex2 {
		width: 100%;
		width: calc(100% - 60rpx);
		margin-top: 10rpx;
		margin-bottom: 10rpx;
		margin-left: 30rpx;
		margin-right: 30rpx;
	}

	.flex3 {
		width: 20%;
	}

	.text4 {
		text-align: center;
		font-weight: 900;
	}

	.flex5 {
		width: 60%;
	}

	.text6 {
		margin-top: 10rpx;
		margin-bottom: 10rpx;
		font-weight: 700;
	}

	.text7 {
		margin-top: 10rpx;
		margin-bottom: 10rpx;
	}

	.flex8 {
		width: 20%;
	}

	.picture9 {
		width: 32rpx;
		overflow: hidden;
		height: 32rpx;
	}

	.flex10 {
		width: 100%;
		width: calc(100% - 60rpx);
		margin-top: 10rpx;
		margin-bottom: 10rpx;
		margin-left: 30rpx;
		margin-right: 30rpx;
	}

	.flex11 {
		width: 20%;
	}

	.text12 {
		text-align: center;
		font-weight: 900;
	}

	.flex13 {
		width: 60%;
	}

	.text14 {
		margin-top: 10rpx;
		margin-bottom: 10rpx;
		font-weight: 700;
	}

	.text15 {
		margin-top: 10rpx;
		margin-bottom: 10rpx;
	}

	.flex16 {
		width: 20%;
	}

	.picture17 {
		width: 30rpx;
		overflow: hidden;
		height: 30rpx;
	}

	.flex18 {
		width: 100%;
		width: calc(100% - 60rpx);
		margin-top: 10rpx;
		margin-bottom: 10rpx;
		margin-left: 30rpx;
		margin-right: 30rpx;
	}

	.flex19 {
		width: 20%;
	}

	.text20 {
		text-align: center;
		font-weight: 900;
	}

	.flex21 {
		width: 60%;
	}

	.text22 {
		margin-top: 10rpx;
		margin-bottom: 10rpx;
		font-weight: 700;
	}

	.text23 {
		margin-top: 10rpx;
		margin-bottom: 10rpx;
	}

	.flex24 {
		width: 20%;
	}

	.picture25 {
		width: 30rpx;
		overflow: hidden;
		height: 30rpx;
	}

	.flex26 {
		width: 100%;
		width: calc(100% - 60rpx);
		margin-top: 10rpx;
		margin-bottom: 10rpx;
		margin-left: 30rpx;
		margin-right: 30rpx;
	}

	.flex27 {
		width: 20%;
	}

	.text28 {
		text-align: center;
		font-weight: 900;
	}

	.flex29 {
		width: 60%;
	}

	.text30 {
		margin-top: 10rpx;
		margin-bottom: 10rpx;
		font-weight: 700;
	}

	.text31 {
		margin-top: 10rpx;
		margin-bottom: 10rpx;
	}

	.flex32 {
		width: 20%;
	}

	.picture33 {
		width: 30rpx;
		overflow: hidden;
		height: 30rpx;
	}

	.flex34 {
		width: 100%;
		width: calc(100% - 60rpx);
		margin-top: 10rpx;
		margin-bottom: 10rpx;
		margin-left: 30rpx;
		margin-right: 30rpx;
	}

	.flex35 {
		width: 20%;
	}

	.text36 {
		text-align: center;
		font-weight: 900;
	}

	.flex37 {
		width: 60%;
	}

	.text38 {
		margin-top: 10rpx;
		margin-bottom: 10rpx;
		font-weight: 700;
	}

	.text39 {
		margin-top: 10rpx;
		margin-bottom: 10rpx;
	}

	.flex40 {
		width: 20%;
	}

	.picture41 {
		width: 30rpx;
		overflow: hidden;
		height: 30rpx;
	}
</style>